<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!doctype html>
<html>
<head>
	    <meta charset="utf-8">
    <link href="${pageContext.request.contextPath }/static/css/laydate/theme/default/laydate.css" rel="stylesheet" type="text/css" /> 
    <link href="${pageContext.request.contextPath }/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath }/static/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/base.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/static/css/info-mgt.css" />
         <link href="${pageContext.request.contextPath }/static/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
    <style>
        .tree_left{box-sizing:border-box;overflow-y: auto;width:19%;border: 1px #c1d3de solid;margin-right: 1%;border-top:none;}
        .tree_left h6,.tree_right h6{line-height: 30px;font-weight: bold;padding-left: 6px ;color: #000;font-size: 14px}
        .tree_left_top{margin: 6px}
        .tree_input input{border: 1px #ccc solid;margin:3px 0 0 10px;border-radius: 4px;
        }
        .layui-layer-title{background:url(images/righttitlebig.png) repeat-x;font-weight:bold;color:#46647e; border:1px solid #c1d3de;height: 33px;line-height: 33px;}
        .tabe_bot label{width: 70px;text-align: right;font-size: 14px;font-weight: 900;color: #46647e}
        .l_left{float: left}
        .tabe_bot input,.tabe_bot  select{width: 140px;height: 30px;border-radius: 6px;margin:0 20px 0 0;border: none;border: 1px #ccc solid}
        .tabe_btn{width: 60px;height: 30px;background-color: #68b86c;border: none;border-radius: 6px;color: #fff}

        div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #99c9db;text-align: left;padding: 2px;z-index: 999}
        div#rMenu ul li{ margin: 1px 0;padding: 5px 15px;cursor: pointer;list-style: none outside none;background-color: #5a8cc4;color: #fff  }
        div#rMenu ul li:hover{color: #000;background-color: #ccc}
        #rMenu ul{margin: 0;padding: 0}
        
        #xx a{
				display: block;
				border: 1px solid #68b86c;
				width: 80px;
				height: 26px;
				text-decoration:none;
				text-align: center;
				font-size: 18px;
				background-color: #68b86c;
				color: white;
				margin-left: 19px;
				border-radius: 5px;
				line-height:22px; 
			}
    </style>


</head>

 
<body onload="Myfileload()">

<div class="title"><h2>人事档案管理</h2></div>

<div class="l_left" style="width: 100%">
    <div class="query">
        <div class="tabe_bot">
            <div class="l_left" style="margin-left: 20px"><label>档案编码：</label><input type="text" placeholder="请输入档案编码" id="record_number"></div>
            <div class="l_left"><label>审核状态：</label><select id="audit"></select></div>
            <div class="l_left"><label>档案状态：</label><select id="file"></select></div>
            
           <div class="l_left">建档时间:
           <input id="createtime" type="text"   readonly="true" name="createtime">至
           <input id="createtime_noe" type="text"  readonly="true" name="createtime_noe"></div>
            <button class="tabe_btn " onclick="getData()">查询</button>
            <!-- <div class="clear"></div> -->
        </div>
    </div>
   <div id="xx"><a href="${pageContext.request.contextPath}/addlist.html" onclick="ps_filestatus()">档案登记</a></div>
    
    <div class="table-box">
        <table id="table" class="table_style"></table>
    </div>
    <!-- <div class="pagination ue-clear"></div> -->
    
    
</div>

</body>
  <script type="text/javascript"  src="${pageContext.request.contextPath }/static/js/laydate/laydate.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/WdatePicker.js"></script>
<script src="${pageContext.request.contextPath }/static/js/personnelfile/myfile_data.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap-table-zh-CN.min.js"></script>
<script>
//执行一个laydate实例
  laydate.render({
    elem:'#createtime' //指定元素
  ,calendar: true
});
laydate.render({
    elem:'#createtime_noe' //指定元素
  ,calendar: true
}); 

</script>
</html>

	
